<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
		<title>Widget</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/main.js"></script>
	</head>
	<body onload="appInit();">
		<table>
			<tbody>
				<tr>
    				<td>TODAY</td>
    				<td>00:12</td>
    				<td align="right">
    					<input type="image" src="images/expand_all.png" alt="Expand all"></input>
    					<input type="image" src="images/collapse_all.png" alt="Collapse all"></input>
    					<input type="image" src="images/app_settings.png" alt="App Setting"></input>
    					<input type="image" src="images/help.png" alt="Hilfe"></input>
    				</td>
  				</tr>
  			</tbody>
		</table>
		
		<table>
			<tbody>
				<tr>	
	    			<td>Kalender</td>
    				<td align="right">
    					<input type="image" src="images/refresh.png" alt="Refresh"></input>
   					
    					<button name="Expand" type="button" value="Expand" onclick="kalenderExpand();">
    						<p><img src="images/expand.png" width="12" height="12" alt="Expand"></img></p>
    					</button>
    					
    					<button name="Collapse" type="button" value="Collapse" onclick="kalenderCollapse();">
    						<p><img src="images/collapse.png" width="12" height="12" alt="Collapse"></img></p>
	   					</button>

    					<input type="image" src="images/filter.png" alt="Filter"></input>
    					<input type="image" src="images/block_settings.png" alt="Setting"></input>
    				</td>
  				</tr>
			</tbody>
		</table>
		<table>
			<tbody id="kalenderTable">
			</tbody>
		</table>
				
		    <input type="button" name="button" value="Überraschung" onclick=""></input>
		
	</body>
</html>